/*!
 * This file is part of the Semantic MediaWiki Extension
 * @see https://semantic-mediawiki.org/
 *
 * @section LICENSE
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
 *
 * Factbox related CSS rules
 *
 * @file
 * @ingroup semantic-mediawiki
 *
 * @license GNU GPL v2+
 * @since 3.0
 *
 * @author mwjames
 */
.smwfact {
	clear: both;
	background-color: #f9f9f9;
	padding: 5px;
	border: 1px solid #aaa;
	font-size: 95%;
	min-height: 23px; /* required by SMW_FACTBOX_SHOWN */
}

.smwfact td,
.smwfact tr,
.smwfact table {
	background-color: #f9f9f9;
}

.smwfact .smwfactboxhead {
	font-size: 110%;
	font-weight: bold;
	float: left;
	margin-bottom: 2px;
	max-width: 90%;
}

.smwfact .smwfacttable {
	border-top: 1px dotted #aaa;
	width: 100%;
	clear: both;
}

.smwfact .smw-table-cell {
	border:none;
}

.smw-table-row .smwpropname,
.smw-table-row .smwpropname,
.smw-table-row .smwspecname {
	text-align: right;
	vertical-align: top;
	padding-right: 1em;
	width: 33%;
}

.smwfact .smw-table-row:nth-child(odd) {
	background-color: #f9f9f9;
}

.smwfact .smw-table-row:nth-child(even) {
	background-color: #fff;
}

.smwfact .smwpropname {
	width: 33%;
}

.smwfact .smwprops,
.smwfact .smwspecs {
	width: 100%;
}

.swmfactboxheadbrowse a {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18' width='18' viewBox='0 0 22 22'%3E%3Cg transform='matrix%28.02146 0 0 .02146 1 1%29' fill='%23ccc'%3E%3Cpath d='m466.07 161.53c-205.6 0-382.8 121.2-464.2 296.1-2.5 5.3-2.5 11.5 0 16.9 81.4 174.9 258.6 296.1 464.2 296.1 205.6 0 382.8-121.2 464.2-296.1 2.5-5.3 2.5-11.5 0-16.9-81.4-174.9-258.6-296.1-464.2-296.1m0 514.7c-116.1 0-210.1-94.1-210.1-210.1 0-116.1 94.1-210.1 210.1-210.1 116.1 0 210.1 94.1 210.1 210.1 0 116-94.1 210.1-210.1 210.1'/%3E%3Ccircle cx='466.08' cy='466.02' r='134.5'/%3E%3C/g%3E%3C/svg%3E")
	no-repeat
	right center;
	padding-right: 20px;
	text-decoration: none;
	margin-right: 4px;
}

.swmfactboxheadbrowse a:hover {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 22 22'%3E%3Cg transform='matrix%28.02146 0 0 .02146 1 1%29' fill='%23888888'%3E%3Cpath d='m466.07 161.53c-205.6 0-382.8 121.2-464.2 296.1-2.5 5.3-2.5 11.5 0 16.9 81.4 174.9 258.6 296.1 464.2 296.1 205.6 0 382.8-121.2 464.2-296.1 2.5-5.3 2.5-11.5 0-16.9-81.4-174.9-258.6-296.1-464.2-296.1m0 514.7c-116.1 0-210.1-94.1-210.1-210.1 0-116.1 94.1-210.1 210.1-210.1 116.1 0 210.1 94.1 210.1 210.1 0 116-94.1 210.1-210.1 210.1'/%3E%3Ccircle cx='466.08' cy='466.02' r='134.5'/%3E%3C/g%3E%3C/svg%3E")
	no-repeat
	right center;
	padding-right: 22px;
	text-decoration: none;
	margin-right: 2px;
}

.rdflink {
	float: right;
	margin-top:2px;
}

.rdflink a {
	padding-top: 2px;
	padding-right: 15px;
	color: #888;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' overflow='visible' height='10' width='10' viewBox='0 0 94.332 101.883'%3E%3Cg shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality'%3E%3Cpath d='M84.45,66.836c-0.636-0.337-1.284-0.624-1.936-0.879l0.466-0.038c0,0-4.151-1.838-4.514-15.18 c-0.359-13.344,3.957-15.62,3.957-15.62l-0.62,0.027c3.261-1.673,6.066-4.316,7.917-7.804c4.823-9.072,1.372-20.341-7.702-25.165 C72.94-2.641,61.674,0.802,56.854,9.883c-1.982,3.725-2.545,7.817-1.919,11.683l-0.212-0.326c0,0,1.093,4.842-10.258,11.888 c-11.349,7.05-16.469,3.54-16.469,3.54l0.326,0.48c-0.325-0.201-0.636-0.406-0.975-0.583C18.269,31.741,7,35.188,2.178,44.266 c-4.82,9.077-1.372,20.341,7.703,25.167c6.766,3.591,14.744,2.59,20.365-1.914l-0.122,0.236c0,0,4.132-3.399,16.04,2.994 c9.4,5.044,10.796,9.988,10.975,11.846c-0.246,6.893,3.347,13.654,9.847,17.107c9.075,4.825,20.344,1.375,25.164-7.701 C96.974,82.926,93.528,71.656,84.45,66.836z M63.466,69.282c-1.504,0.532-5.801,1.121-14.847-3.73 c-9.797-5.26-11.251-9.654-11.464-10.973c0.139-1.6,0.05-3.197-0.223-4.755l0.06,0.09c0,0-0.798-4.274,10.412-11.235 c10.033-6.228,14.594-4.989,15.443-4.664c0.546,0.371,1.112,0.717,1.706,1.033c1.129,0.6,2.293,1.07,3.472,1.418 c1.38,1.314,3.92,5.045,4.184,14.854c0.27,9.883-2.634,13.694-4.217,15.042C66.362,67.1,64.836,68.085,63.466,69.282z' fill='%230C479C'/%3E%3Cg%3E%3Cpath d='M62.239,8.1c-5.415,5.923-5.529,14.636-0.312,19.566c-2.579-2.483-2.523-7.651,0.083-12.597 c0.335-0.443,1.306-1.49,2.725-1.014c0.143,0.049,0.237,0.062,0.292,0.053c0.321,0.069,0.65,0.11,0.99,0.095 c2.155-0.098,3.822-1.921,3.725-4.077c-0.044-0.967-0.445-1.823-1.065-2.48c5.002-3.277,10.742-3.652,13.094-1.504l0.09,0.006 C76.488,1.242,67.705,2.119,62.239,8.1z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M7.632,62.845c-0.046-0.047-0.093-0.102-0.141-0.148c0.03,0.031,0.059,0.069,0.095,0.102L7.632,62.845z' fill='%23FFFFFF'/%3E%3Cpath d='M7.805,43.13c-5.416,5.924-5.529,14.635-0.313,19.566c-2.578-2.484-2.523-7.652,0.083-12.598 c0.336-0.444,1.308-1.49,2.727-1.014c0.141,0.049,0.236,0.061,0.292,0.054c0.321,0.069,0.651,0.11,0.99,0.095 c2.156-0.099,3.822-1.922,3.725-4.076c-0.045-0.967-0.445-1.824-1.063-2.48c4.999-3.276,10.74-3.654,13.092-1.505l0.089,0.008 C22.054,36.271,13.269,37.147,7.805,43.13z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M65.256,92.504c-0.047-0.048-0.094-0.102-0.141-0.148c0.029,0.031,0.059,0.069,0.094,0.101L65.256,92.504z' fill='%23FFFFFF'/%3E%3Cpath d='M65.428,72.786c-5.416,5.926-5.529,14.639-0.313,19.569c-2.58-2.483-2.523-7.653,0.082-12.597 c0.336-0.445,1.307-1.49,2.727-1.014c0.143,0.047,0.235,0.061,0.292,0.053c0.32,0.069,0.651,0.11,0.99,0.096 c2.154-0.1,3.82-1.924,3.723-4.08c-0.044-0.966-0.445-1.822-1.063-2.479c5-3.275,10.739-3.652,13.093-1.504l0.088,0.007 C79.677,65.93,70.891,66.807,65.428,72.786z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
	center right no-repeat;
}

.rdflink a:hover {
	padding-top: 2px;
	padding-right: 15px;
	text-decoration: none;
	color: #0000ff;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' overflow='visible' height='12' width='12' viewBox='0 0 94.332 101.883'%3E%3Cg shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality'%3E%3Cpath d='M84.45,66.836c-0.636-0.337-1.284-0.624-1.936-0.879l0.466-0.038c0,0-4.151-1.838-4.514-15.18 c-0.359-13.344,3.957-15.62,3.957-15.62l-0.62,0.027c3.261-1.673,6.066-4.316,7.917-7.804c4.823-9.072,1.372-20.341-7.702-25.165 C72.94-2.641,61.674,0.802,56.854,9.883c-1.982,3.725-2.545,7.817-1.919,11.683l-0.212-0.326c0,0,1.093,4.842-10.258,11.888 c-11.349,7.05-16.469,3.54-16.469,3.54l0.326,0.48c-0.325-0.201-0.636-0.406-0.975-0.583C18.269,31.741,7,35.188,2.178,44.266 c-4.82,9.077-1.372,20.341,7.703,25.167c6.766,3.591,14.744,2.59,20.365-1.914l-0.122,0.236c0,0,4.132-3.399,16.04,2.994 c9.4,5.044,10.796,9.988,10.975,11.846c-0.246,6.893,3.347,13.654,9.847,17.107c9.075,4.825,20.344,1.375,25.164-7.701 C96.974,82.926,93.528,71.656,84.45,66.836z M63.466,69.282c-1.504,0.532-5.801,1.121-14.847-3.73 c-9.797-5.26-11.251-9.654-11.464-10.973c0.139-1.6,0.05-3.197-0.223-4.755l0.06,0.09c0,0-0.798-4.274,10.412-11.235 c10.033-6.228,14.594-4.989,15.443-4.664c0.546,0.371,1.112,0.717,1.706,1.033c1.129,0.6,2.293,1.07,3.472,1.418 c1.38,1.314,3.92,5.045,4.184,14.854c0.27,9.883-2.634,13.694-4.217,15.042C66.362,67.1,64.836,68.085,63.466,69.282z' fill='%230C479C'/%3E%3Cg%3E%3Cpath d='M62.239,8.1c-5.415,5.923-5.529,14.636-0.312,19.566c-2.579-2.483-2.523-7.651,0.083-12.597 c0.335-0.443,1.306-1.49,2.725-1.014c0.143,0.049,0.237,0.062,0.292,0.053c0.321,0.069,0.65,0.11,0.99,0.095 c2.155-0.098,3.822-1.921,3.725-4.077c-0.044-0.967-0.445-1.823-1.065-2.48c5.002-3.277,10.742-3.652,13.094-1.504l0.09,0.006 C76.488,1.242,67.705,2.119,62.239,8.1z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M7.632,62.845c-0.046-0.047-0.093-0.102-0.141-0.148c0.03,0.031,0.059,0.069,0.095,0.102L7.632,62.845z' fill='%23FFFFFF'/%3E%3Cpath d='M7.805,43.13c-5.416,5.924-5.529,14.635-0.313,19.566c-2.578-2.484-2.523-7.652,0.083-12.598 c0.336-0.444,1.308-1.49,2.727-1.014c0.141,0.049,0.236,0.061,0.292,0.054c0.321,0.069,0.651,0.11,0.99,0.095 c2.156-0.099,3.822-1.922,3.725-4.076c-0.045-0.967-0.445-1.824-1.063-2.48c4.999-3.276,10.74-3.654,13.092-1.505l0.089,0.008 C22.054,36.271,13.269,37.147,7.805,43.13z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M65.256,92.504c-0.047-0.048-0.094-0.102-0.141-0.148c0.029,0.031,0.059,0.069,0.094,0.101L65.256,92.504z' fill='%23FFFFFF'/%3E%3Cpath d='M65.428,72.786c-5.416,5.926-5.529,14.639-0.313,19.569c-2.58-2.483-2.523-7.653,0.082-12.597 c0.336-0.445,1.307-1.49,2.727-1.014c0.143,0.047,0.235,0.061,0.292,0.053c0.32,0.069,0.651,0.11,0.99,0.096 c2.154-0.1,3.82-1.924,3.723-4.08c-0.044-0.966-0.445-1.822-1.063-2.479c5-3.275,10.739-3.652,13.093-1.504l0.088,0.007 C79.677,65.93,70.891,66.807,65.428,72.786z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
	center right no-repeat;
}

.smwrdflink {
	float: right;
	font-size: small;
	padding: 2px 0 0 0;
}

.smwprops, .smwpropname {
	word-break: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/**
 * Tabbed factbox
 */
.smw-factbox #tab-facts-list:checked ~ #tab-content-facts-list,
.smw-factbox #tab-facts-attachment:checked ~ #tab-content-facts-attachment,
.smw-factbox #tab-facts-derived:checked ~ #tab-content-facts-derived {
	display: block;
}

.smw-factbox section {
	border: 1px solid #aaa;
}

.smw-factbox label.nav-label {
	padding: 3px 25px 3px 25px;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
	border: 1px solid #aaa;
	border-top: 2px solid orange;
	border-bottom: 1px solid #fff;
	background: #fff;
}

.smw-factbox input.nav-tab:checked + label#tab-label-facts-attachment.nav-label {
	border: 1px solid #aaa;
	border-top: 2px solid #42c0fb;
	border-bottom: 1px solid #fff;
}

.smw-factbox .smwfact {
	border:none;
	background-color: #fff;
	padding: 0 0 0 0;
	padding-top: 10px;
}

.smw-factbox .smwrdflink {
	padding: 1px 5px 1px 5px;
	margin-bottom: 8px;
}

.smw-factbox .smwfactboxhead {
	padding: 1px 5px 1px 25px;
	margin-bottom: 8px;
	font-weight: normal;
	max-width: 75%;
}

.smw-factbox .smwpropname, .smw-factbox .smwprops, .smw-factbox .smwspecname, .smw-factbox .smwspecs {
	padding: 0.4em;
}

/**
 * #4146
 *
 * `#mw-data-after-content` defines when the content is outside of the
 * `#bodyContent`
 *
 * `#bodyContent #mw-data-after-content` negates previous CSS when it is part of
 * the #bodyContent (being inside)
 */
.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
	background: #fff;
	padding: 0px 24px 24px 24px;
	border-left: 1px solid #a7d7f9;
	/*border-top: 1px solid #a7d7f9;*/
	border-bottom: 1px solid #a7d7f9;
	font-size: 0.875em;
	line-height: 1.6;
	margin-top: -10px;
}

.smw-factbox-view.skin-vector #bodyContent #mw-data-after-content .smw-factbox {
	background: unset;
	padding: unset;
	border-left: 0px solid #a7d7f9;
	/* border-top: 0px solid #a7d7f9; */
	border-bottom: 0px solid #a7d7f9;
	font-size: unset;
	line-height: unset;
	margin-top: 15px;
}

/**
 * Responsive settings (#see smw.table.css)
 */
@media screen and (max-width: 980px) {
	.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
		padding: 16px;
		margin-top: -16px;
	}

	.smw-factbox-view.skin-vector #bodyContent #mw-data-after-content .smw-factbox {
		padding: unset;
		margin-top: 16px;
	}
}

@media screen and (max-width: 800px) {
	.smw-factbox .smwfactboxhead {
		padding: 1px 5px 1px 5px;
	}

	.smw-factbox label {
		padding: 3px 5px 1px 5px;
	}

	.smwfact .smwpropname, .smwfact .smwspecname {
		width: auto;
		font-weight: bold;
	}

	.smw-factbox label.nav-label {
		padding: 5px 25px 5px 5px;
	}
}

@media screen and (max-width: 600px) {
	.smw-factbox .smwfactboxhead {
		padding: 1px 5px 1px 5px;
		width: 50%;
	}
}
